<template>
  <el-dialog
    v-loading.lock="loading"
    class="base-dialog system-user-dialog"
    :custom-class="'panna-dialog_big'"
    :append-to-body="true"
    :title="dataList.BorrowDetail"
    align="center"
    :visible.sync="dialogFormVisible"
    @closed="closeDialog"
  >
    <DeviceBorrowView :id.sync="id"></DeviceBorrowView>
  </el-dialog>
</template>

<script>
import DeviceBorrowView from "./DeviceBorrowView.vue";
export default {
  name: "DeviceBorrowViewDialog",
  components: { DeviceBorrowView },
  props: {
    dialogFormVisible: {
      type: Boolean,
      default: false,
    },
    id: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      loading: false,
    };
  },
  computed: {
    btn() {
      return this.$t("ModuleDevice.buttons");
    },
    dataList() {
      return this.$t("ModuleDevice.Device");
    },
  },
  watch: {},
  created() {},
  methods: {
    cancel() {
      this.$emit("update:dialogFormVisible", false);
    },
    closeDialog() {
      this.cancel();
    },
  },
};
</script>
<style scoped>
</style>
